#idBox{position:fixed; background:#fff; z-index:2147583630; width:90%; left:50%; top:50%; border-radius: 6px; border: 10px solid rgba(255,255,255,.4); background-clip: content-box; overflow: hidden;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
#boxTopTitle{width:100%; height:45px; background: none; line-height:45px; font-size:16px; color:#333; font-family:microsoft yahei; padding:0 15px; box-sizing:border-box; }
#boxClose{position: absolute; right: 0; top: 0; z-index: 2; display: block; width: 45px; height: 45px; line-height: 45px; text-align: center; font-size:24px; font-family:'黑体'; color:#666;cursor: pointer; background: none; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -o-transition: all linear .3s; transition: all linear .3s;}
#boxClose:hover{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
#boxContent{overflow: overlay;-ms-overflow-style:none;}
/* 适用于WebKit浏览器 */  
#boxContent::-webkit-scrollbar {  
    width: 5px; /* 减小滚动条的宽度 */  
    height: 5px; /* 如果需要，也可以设置垂直滚动条的宽度 */  
}  
  
/* 滚动条滑块 */  
#boxContent::-webkit-scrollbar-thumb {  
    background: #888; /* 滑块的颜色 */  
    border-radius: 10px; /* 滑块的圆角 */  
}  
  
/* 滚动条轨道 */  
#boxContent::-webkit-scrollbar-track {  
    background: #f1f1f1; /* 轨道的颜色 */  
    border-radius: 10px; /* 轨道的圆角 */  
}  
  
/* 当鼠标悬停在滚动条滑块上时 */  
#boxContent::-webkit-scrollbar-thumb:hover {  
    background: #555; /* 滑块悬停时的颜色 */  
}










